<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>3d函数</title>
        <style>
            div{border:1px solid #ccc;width:100px;height:100px;}
            #div1{
                position: relative;
                perspective: 150;
                -webkit-perspective: 150;
                margin-left:100px;
            }
            #div2{
                position:absolute;
                transform: rotateX(45deg);
                -webkit-transform:rotateX(45deg);
            }
            
        </style>
    </head>
    <body>
        <div id="div1" class="move">
           <div id="div2"></div>
        </div>
    </body>
</html>